<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link href="css/ui.min.css" rel="stylesheet">
		<link href="fonts/iconfont.css" rel="stylesheet">
		<link href="css/common.css" rel="stylesheet"><!-- 公告 样式 -->
		<link href="css/swiper.min.css" rel="stylesheet"><!-- 公告 样式 -->
		<link href="css/style.css" rel="stylesheet"><!-- 前端台 样式 -->
		<script src="js/jquery.min.js"></script>
		<script src="js/select2/js/select2.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/swiper.min.js"></script>
	</head>
	<body>
		<div class="header">
			<div class="h-bar">
				<div class="container">
					<div class="login-wel"><img src="images/buy/wel.png" alt="">串串的店您好,欢迎来到创业模拟电商平台!<a href="">[退出]</a></div>
					<ul class="h-link">
						<li><a href="javascript:;" data-toggle="modal" data-target=".bs-example-modal-sm">消息<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="javascript:;" data-toggle="modal" data-target=".bs-example-modal-sm">收藏夹</a></li>
						<li class="line"></li>
						<li><a href="BuyerCenter/买家中心.html">买家中心</a></li>
						<li class="line"></li>
						<li><a href="javascript:;" data-toggle="modal" data-target=".bs-example-modal-sm">购物车<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="SellerCenter/开店.html">卖家中心</a></li>
						<li class="line"></li>
						<li><a href="帮助中心.html"><i class="iconfont icon-help"></i>帮助中心</a></li>
					</ul>
				</div>
			</div>
			<div class="container">
				<div class="nav-grid clearfix">
					<div class="logo"><a href=""><img src="images/web/logo.png"></a></div>
					<div class="nav-search">
						<div class="search-bar">
							<div class="search-select">
								<select name="" class="select">
									<option value="">宝贝</option>
									<option value="">店铺</option>
								</select>
							</div>
							<div class="search-v">
								<input type="text" placeholder="请输入您要查询的内容" class="input">
							</div>
							<button class="btn btn-default" type="button">搜搜</button>
						</div>
						<div class="key-box">
							<span class="iconfont icon-remen"></span><span>热门搜索：</span><a href="">男装</a><a href="">女装</a><a href="">母婴</a><a
							 href="">化妆品</a>
						</div>
					</div>
				</div>
				<div class="navbar">
					<div class="cate-nav">
						<div class="cate-nav-text text-center">商品分类</div>
					</div>
					<ul class="navbar-nav">
						<li class="active"><a href="首页.html">首页</a></li>
						<li><a href="好物推荐.html">好物推荐</a></li>
						<li><a href="团购活动.html">团购活动</a></li>
						<li><a href="聚划算.html">聚划算</a></li>
						<li><a href="百亿补贴.html">百亿补贴</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="index-wrap">
			<div class="container">
				<div class="index-first clearfix">
					<div class="index-col clearfix">
						<div class="dropdown-navbar">
							<ul class="drop-nav">
								<li>
									<div class="nav-hd">女装男装</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">母婴用品</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">家装建材</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">家具家纺</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">生活服务</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">农资采购</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">鞋类箱包</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">运动户外</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">手机数码</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">家用办公</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">护肤彩妆</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
								<li>
									<div class="nav-hd">家庭厨具</div>
									<div class="nav-bd">
										<a href="">长袖T</a> / <a href="">纯色</a> / <a href="">衬衫</a>
									</div>
								</li>
							</ul>
							<div class="nav-foot"><a href="">全部商品分类</a></div>
						</div>
						<div class="index-grid">
							<div class="index-banner">
								<div class="swiper-container swiper-banner">
									<div class="swiper-wrapper">
										<div class="swiper-slide">
											<a href=""><img src="images/web/banner.png"></a>
										</div>
										<div class="swiper-slide">
											<a href=""><img src="images/web/banner1.png"></a>
										</div>
										<div class="swiper-slide">
											<a href=""><img src="images/web/banner2.png"></a>
										</div>
										<div class="swiper-slide">
											<a href=""><img src="images/web/banner3.png"></a>
										</div>
									</div>
									<div class="swiper-pagination"></div>
								</div>
							</div>
							<div class="row ads-row">
								<div class="col-xs-4">
									<a href="" class="ads-box">
										<img src="images/web/ad1.jpg">
									</a>
								</div>
								<div class="col-xs-4">
									<a href="" class="ads-box">
										<img src="images/web/ad2.jpg">
									</a>
								</div>
								<div class="col-xs-4">
									<a href="" class="ads-box">
										<img src="images/web/ad3.jpg">
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="index-sidebar">
						<div class="uc-grid">
							<div class="uc-avatar"><img src="images/web/tx.png"></div>
							<div class="uc-div">Hi~你好</div>
							<div class="uc-foot">
								<a href="登陆.html" class="btn">登录</a>
							</div>
						</div>
						<div class="tool-panel">
							<div class="tool-hd">店铺装修第三方工具箱</div>
							<ul class="logo-list">
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo11.jpg">
										<div class="txt">制作图网</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo22.jpg">
										<div class="txt">稿定设计</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo33.jpg">
										<div class="txt">制作图网</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo44.jpg">
										<div class="txt">稿定设计</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo55.jpg">
										<div class="txt">美图秀秀</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo66.jpg">
										<div class="txt">制作图网</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="index-section clearfix">
					<div class="index-col">
						<div class="index-panel">
							<div class="index-panel_hd">
								<div class="panel-tt">每日好店</div>
								<a href="JavaScript:;" class="panel-more ex-more">换一换 <i class="iconfont icon-shuaxin"></i></a>
							</div>
							<div class="index-panel_bd clearfix">
								<div class="sidebar-ad">
									<a href=""><img src="images/web/side-ad1.png"></a>
								</div>
								<div class="recom-panel">
									<ul class="recom-list clearfix">
										<li>
											<a href="" class="recom-box">
												<img src="images/web/dpic1.jpg">
												<div class="r-title">挂壁式空调清洗服务</div>
												<div class="r-desc">店铺：串串的店</div>
												<div class="new-tag"></div>
											</a>
										</li>
										<li>
											<a href="" class="recom-box">
												<img src="images/web/dpic2.jpg">
												<div class="r-title">挂壁式空调清洗服务</div>
												<div class="r-desc">店铺：串串的店</div>
												<div class="new-tag"></div>
											</a>
										</li>
										<li>
											<a href="" class="recom-box">
												<img src="images/web/dpic3.jpg">
												<div class="r-title">挂壁式空调清洗服务</div>
												<div class="r-desc">店铺：串串的店</div>
												<div class="new-tag"></div>
											</a>
										</li>
										<li>
											<a href="" class="recom-box">
												<img src="images/web/dpic4.jpg">
												<div class="r-title">挂壁式空调清洗服务</div>
												<div class="r-desc">店铺：串串的店</div>
												<div class="new-tag"></div>
											</a>
										</li>
										<li>
											<a href="" class="recom-box">
												<img src="images/web/dpic6.jpg">
												<div class="r-title">挂壁式空调清洗服务</div>
												<div class="r-desc">店铺：串串的店</div>
												<div class="new-tag"></div>
											</a>
										</li>
										<li>
											<a href="" class="recom-box">
												<img src="images/web/dpic4.jpg">
												<div class="r-title">挂壁式空调清洗服务</div>
												<div class="r-desc">店铺：串串的店</div>
												<div class="new-tag"></div>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="index-sidebar">
						<div class="index-panel">
							<div class="index-panel_hd">
								<div class="panel-tt">推荐品牌</div>
							</div>
							<ul class="logo-list">
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo1.jpg">
										<div class="txt">制作图网</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo2.jpg">
										<div class="txt">稿定设计</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo3.jpg">
										<div class="txt">制作图网</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo4.jpg">
										<div class="txt">稿定设计</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo5.jpg">
										<div class="txt">美图秀秀</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo6.jpg">
										<div class="txt">制作图网</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo7.jpg">
										<div class="txt">昵图网</div>
									</a>
								</li>
								<li>
									<a href="javascript:;" class="l-box">
										<img src="images/web/logo8.jpg">
										<div class="txt">制作图网</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="index-section">
					<div class="index-panel">
						<div class="index-panel_hd">
							<div class="panel-tt">优质品牌推荐</div>
							<a href="" class="panel-more">查看更多></a>
						</div>
						<div class="panel-ad">
							<a href=""><img src="images/web/h-ad.png"></a>
						</div>
						<div class="list-main">
							<ul class="product-list clearfix">
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic1.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic2.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic3.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic4.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic5.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic6.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic1.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic2.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic3.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic4.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic5.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic6.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic1.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic2.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="p-list-box">
										<a href="BuyerCenter/商品详情.html" class="list-photo scale">
											<img src="images/web/pic5.png">
											<div class="list-tag">月销5.75万件</div>
										</a>
										<div class="list-grid">
											<div class="list-title"><a href="BuyerCenter/商品详情.html">挂壁式空调清洗服务</a></div>
											<div class="list-attr">
												<div class="list-price"><span class="price-val">￥30</span></div>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="foot-row clearfix">
					<div class="foot-item">
						<img src="images/web/f1.png"><span>学习平台</span>
					</div>
					<div class="foot-item">
						<img src="images/web/f2.png"><span>供销系统</span>
					</div>
					<div class="foot-item">
						<img src="images/web/f3.png"><span>管理系统</span>
					</div>
					<div class="foot-item">
						<img src="images/web/f4.png"><span>正保创业实训网</span>
					</div>
					<div class="foot-tel">
						<span class="txt">联系我们</span><span class="tel-v">010-82336106</span>
					</div>
				</div>
				<div class="foot-info">
					本商城系统为非经营性网站。商城所有店铺为虚拟店铺,所有上架商品,仅是模拟教学使用,请勿真实下单、真实支付。
				</div>
			</div>
		</div>

		<script type="text/javascript">
			$('.select').select2()
		</script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-banner', {
				loop: true,
				observer: true,
				observeParents: true,
				autoplay: {
					delay: 5555000,
					disableOnInteraction: false,
				},
				pagination: {
					el: '.swiper-pagination',
				},
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
		</script>
		<!-- 换一换 -->
		<script type="text/javascript">
			$(".ex-more").click(function() {
					var str ="";
					for (i = 1; i < 7; i++) {
						var x = 4;
						var y = 1;
						var rand = parseInt(Math.random() * (x - y + 1) + y);
						str += '<li>' +
							'<a href="" class="recom-box">' +
							'<img src="images/web/dpic'+rand+'.jpg">' +
							'<div class="r-title">挂壁式空调清洗服务'+rand+'</div>' +
							'<div class="r-desc">店铺：串串的店</div>' +
							'<div class="new-tag"></div>' +
							'</a>' +
							'</li>';
					}
					$(".recom-list").html(str);
			});
		</script>
	</body>
</html>
